<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head th:replace="_fragment :: head(~{::title})">
    <title>500</title>
</head>
<body>
<!--导航-->
<nav th:replace="_fragment :: menu(0)" class="ui inverted attached segment m-padded-tb-mini m-shadow-small">

</nav>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<div class="m-container-small m-padded-tb-massive" >
    <div class="ui error message m-padded-tb-massive">
        <div class="ui container">
            <h2>500</h2>
            <p>对不起，你访问的资源不存在</p>
        </div>
    </div>
</div>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>


<footer th:replace="_fragment :: footer">

</footer>

<th:block th:replace="_fragment :: script">
    <script th:src="@{/js/jquery-3.4.1.js}"></script>
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
</th:block>

<script type="text/javascript">
    $('.menu.toggle').click(function () {
        $('.m-item').toggleClass('m-mobile-hide');
    });
</script>
</body>
</html>